<template>
  <div class="dz-tabbar">
    <slot></slot>
  </div>
</template>

<script>
import dzTabbarItem from "@/components/tabbar/TabbarItem";
export default {
  // props: ['value'],
  computed: {
    value() {
      return this.$route.matched[0].name;
    }
  }
};
</script>

<style lang="less" scoped>
.dz-tabbar {
  display: flex;
  flex-direction: row;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  height: 50px;
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
}
</style>